import React from 'react';
import dynamic from 'next/dynamic';

// 使用dynamic导入组件，禁用SSR，避免useLayoutEffect警告
const LoginPageClient = dynamic(() => import('../../components/login/LoginPageClient'), { 
  ssr: false,
  loading: () => <div style={{
    display: 'flex',
    justifyContent: 'center',
    alignItems: 'center',
    height: '100vh',
    fontSize: '16px',
    color: '#666'
  }}>页面加载中...</div>
});

// 组件代码已全部移至 LoginPageClient.tsx，此处不再需要

// 使用客户端专用组件，解决useLayoutEffect警告
const LoginPage = () => {
  return <LoginPageClient />;
};

// 导出为客户端组件，避免SSR
export default dynamic(() => Promise.resolve(LoginPage), { ssr: false });
